@charset "utf-8";

#mainContainer {
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}

#menuBar {
	float: left;
	width: 200px;
	border: 1px solid #000000;
}

.menuItem {
	vertical-align:middle;
	width:198px;
	border:1px solid red;
	height: 30px;
	text-align: center;
	background-color: #000000;
	color: #ffffff;
}

#operationalArea {
	width: 800px;
	height: 600px;
	float: left;
	border: 1px solid #000000;
}


.pnModule-header {
	width: 200px;
	height: 15px;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

.pnModule-body {
	width: 198px;
	height: 100px;
	border: 1px solid blue;
}

.delete-icon {
	float: right;
	margin-right: 5px;
	cursor: pointer;
}
.ui-selecting { background: #FECA40; }
.ui-selected { background: #F39814; color: white; }
.context-menu {
	background-color:#D6D3CE;
border-color:#B2B2B2 #4A494A #4A494A #B2B2B2;
border-style:solid;
border-width:1px;
cursor:default;
font-family:helvetica,arial,sans-serif;
font-size:small;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
min-width:200px;
padding:0 2px 2px;
text-align:left;
width:165px;
z-index:20000;
}
.context-menu li {
margin-top:1px;
padding-left:5px;
padding-right:10px;
white-space:nowrap;
}
.context-menu-title {
border-bottom:1px solid #BBBBBB;
font-size:14px;
padding:2px;
}

.clear {
	clear: both;
}